<template>
	<view class="empty-box">
		<image :src="tp_src"></image>
		<text>{{text}}</text>
	</view>
</template>

<script setup>
	import tp_src from './ZWSJ.png'
	
	const props = defineProps({
		text: {
			default: '暂无数据'
		}
	})
</script>

<style scoped>
	.empty-box {
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		color: rgba(128, 169, 255, 1);
		font-size: 0.7rem;
	}
	
	image {
		width: 200rpx;
		height: 150rpx;
		margin-bottom: 10rpx;
	}
</style>